@import '../../config/base';
.title {
  background: rgb(237, 237, 237);
  display: flex;
  justify-content: space-between;
  .pl(10);
  .pr(7);
}

.titleImg {
  .h(18);
  .w(18);
  margin: 0 2px;
}

.titleImg2 {
  .h(19);
  .w(19);
  margin: 0 3px;
}

.title2 {
  background: rgb(237, 237, 237);
  display: flex;
  justify-content: space-between;
  padding: 4px 8px;
  align-items: center;
}

.title2 span {
  .v(15);
  font-weight: 600;
}

.content {
  background-color: rgb(255, 255, 253);
  .pt(16);
  .pl(10);
  .pr(10);
}

.contentLeftImg {
  .w(40);
  .h(40);
  border-radius: 4px;
}

.contentLeft {
  display: flex;
  flex-direction: column;
  .pl(10);
}

.name {
  color: rgb(90, 101, 147);
  .v(15);
  font-weight: 600;
}

.name2 {
  .v(15);
  font-weight: 600;
  color: rgb(27, 27, 27);
  border-radius: 3px;
}

.name3 {
  display: flex;
  .pl(6);
  .pr(0);
  .pt(6);
  .pb(6);
  background-color: rgb(247, 247, 247);
  align-items: center;
}

.name4 {
  .v(14);
  font-weight: 500;
  .pl(6);
}

.name5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  .pl(0);
  .pr(0);
  .pt(12);
  .pb(12);
}

.name6 {
  .w(11);
  .h(11);
}

.name7 {
  color: rgb(105, 109, 134);
  .v(12);
}

.dot {
  background-color: rgb(97, 108, 130);
  .w(4);
  .h(4);
  border-radius: 50%;
  .ml(2);
  .mr(2);
}

.title3 {
  border-radius: 50%;
  .ml(2);
  .mr(2);
  display: flex;
  align-items: center;
}

.title3 .dot {
  background-color: #000;
}

.dot0 {
  display: flex;
  background-color: rgb(248, 248, 248);
  .pl(6);
  .pr(6);
  .pt(6);
  .pb(6);
}

.bottom {
  background-color: #f6f6f6;
  .pl(10);
  .pr(10);
  .pt(4);
  .pb(4);
  display: flex;
  border-radius: 3px;
}

.love {
  .w(16);
  .h(16);
  .mr(4);
}

.bottom1 {
  display: flex;
  flex-wrap: wrap;
}

.bottomImg {
  .w(37);
  .h(37);
  .ml(4);
  .mr(4);
  .mt(4);
  .mb(4);
  border-radius: 4px;
}

.say {
  display: flex;
  position: fixed;
  .v(0,bottom);
  .pt(6);
  .pb(6);
  background-color: #f8f6f9;
  align-items: center;
  .pl(6);
  width: 94%;
}
.say1 {
  width: 60vw;
  color: #b4b4b4;
  background-color: #fff;
  border-radius: 6px;
  .pl(6);
  .pr(6);
  .pt(5);
  .pb(5);
  .v(14);
}

.say2 {
  .w(40);
  .h(40);
  .ml(4);
  .mr(4);
}

.say3 {
  border: 1px solid #c4c8c9;
  color: #c4c8c9;
  .pl(16);
  .pr(16);
  .pt(4);
  .pb(4);
  .mr(5);
  width: 20vw;
  text-align: center;
  border-radius: 4px;
}
